<template>
	<view class="radius50 h60 w160 flex pl24 pr30 row-between dib" :class="{'sel0':!checked}" style="" v-if="data[type]"
		style="background: #FFFAE0;">
		<image :src="data[type].img" class="w36 h36" mode=""></image>
		<view class="color-666 fs24">{{data[type].name}}</view>
	</view>
</template>

<script>
	export default {
		name: "evaluate-type",
		props: {
			checked: {
				default: false,
			},
			type: {
				default: 'good',
			}
		},
		data() {
			return { //good=好评，medium=中评，bad=差评
				data: {
					good: {
						name: '好评',
						img: '/static/img/my/ev1.png'
					},
					medium: {
						name: '中评',
						img: '/static/img/my/ev2.png'
					},
					bad: {
						name: '差评',
						img: '/static/img/my/ev3.png'
					},
				}
			};
		}
	}
</script>

<style lang="scss">
	.sel0 {
		filter: grayscale(0.9)
	}
</style>
